<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工具首页</title>
    <link rel="stylesheet" href="./css/mainindex.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="./css/electron-tabs-extend.css">
    <!-- 引入elementui -->
    <link rel="stylesheet" href="../../css/element-ui/index.css">
    <script src="../../js/lib/vue/vue.js"></script>
    <script src="../../js/lib/elementui/lib/index.js"></script>
</head>

<body>
    <div id="left" class="left l relative">
        <div class="left-tabs ver-inner-md">
            <div class="navbar" id="navbar">
                <div class="nav-set nav-icon" title="设置" data-type="set"></div>
                <div class="nav-about nav-icon" title="反馈" data-type="about"></div>
                <div class="nav-update nav-icon hidden" title="更新" data-type="update"></div>
                <div class="nav-quit nav-icon" title="退出" data-type="quit"></div>
            </div>

        </div>
    </div>
    <div id="right" class="r">
        <div class="etabs-tabgroup">
            <div class="etabs-tabs"></div>
            <div class="etabs-buttons"></div>
        </div>
        <div class="etabs-views">

        </div>
    </div>
    <div id="setting" class="dialog hidden">
        <div id="app">
            <el-container>
                <el-main>
                    <el-form ref="form" :model="form" label-width="200px">
                        <!-- <el-descriptions title="基本设置">
                            <el-descriptions-item>
                                <el-form-item label="开机自启动">
                                    <el-switch v-model="form.autostart"></el-switch>
                                </el-form-item>
                                <el-form-item label="自动登录（一个月）">
                                    <el-switch v-model="form.autologin"></el-switch>
                                </el-form-item>
                            </el-descriptions-item>
                        </el-descriptions> -->


                        <el-descriptions title="快捷键设置">
                            <el-descriptions-item>
                                <el-form-item label="显隐快捷键">

                                    <el-select v-model="form.key_showAndmin1" size="medium" style="width: 100px;">
                                        <el-option label="Ctrl" value="Ctrl"></el-option>
                                        <el-option label="Alt" value="Alt"></el-option>
                                        </el-option>
                                    </el-select>
                                    +
                                    <el-select v-model="form.key_showAndmin2" style="width: 100px;">
                                        <el-option v-for="item in keysoptions" :key="item.value" :label="item.label"
                                            :value="item.value">
                                    </el-select>

                                    <el-button type="primary" @click="saveshowAndmin">应用</el-button>

                                </el-form-item>



                                <el-form-item label="">

                                    <el-button type="danger" @click="resetAllshot">重置快捷键</el-button>
                                    <el-button @click="closesetting">取消</el-button>
                                </el-form-item>
                            </el-descriptions-item>

                        </el-descriptions>

                    </el-form>
                </el-main>
            </el-container>
        </div>
    </div>


    <div id="feedback" class="dialog hidden">
        <div id="feedbackapp">
            <el-form ref="form" :model="form" label-width="80px">
                <el-form-item label="反馈内容">
                    <el-input type="textarea" :autosize="{ minRows: 10, maxRows: 10}" style="width: 50%;"
                        maxlength="200" show-word-limit v-model="form.content"></el-input>
                </el-form-item>
                <el-form-item label="当前版本">
                    <el-input v-model="form.version" style="width: 50%;" :disabled="true">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="addfeedback">提交</el-button>
                    <el-button @click="closefeedback">取消</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>

    <div id="update" class="dialog hidden">
        <div id="updateapp">
            <el-form ref="form" :model="form" label-width="80px">
                <el-form-item label="更新内容">
                    <el-input type="textarea" :autosize="{ minRows: 10, maxRows: 10}" style="width: 50%;"
                        maxlength="200" show-word-limit v-model="form.noteinfo"></el-input>
                </el-form-item>
                <el-form-item label="下载进度">
                    <el-progress style="width: 50%;" :text-inside="true" :stroke-width="26"
                        :percentage="form.percentage" :format="format"></el-progress>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="startupdate">开始更新</el-button>
                    <el-button @click="closeupdate">取消</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>

</body>
<script id="usertemplate" type="x-tmpl-mustache">
    <div class="user-panel-btn user-head-word">
        <img src="{{photourl}}" class="user-portrait">
    </div>
    <div class="user-panel-btn  nav-user">
        <p class="user-name" title="{{displayname}}">{{displayname}}</p>
        <p class="user-depart" title="{{ouname}}">{{ouname}}</p>
    </div>

    <div class="user-panel online" id="user-panel">
        <ul class="other-modules">
             <!-- <li class="module-item" data-type="addressbook"><span></span></li>  -->
            <!-- <li class="module-item" data-type="follow"><span></span></li>  -->
            <li class="module-item" data-type="version"><span>关于</span></li>
            <li class="module-item" data-type="logout"><span>退出</span></li>
        </ul>
    </div>
</script>

<script src="./js/mainindex.js"></script>

</html>
